body {
  min-width: 320px;
  max-width: 750px;
  margin: auto;
}
body .header-box .top,
body .header-box .search-box {
  width: 100%;
  height: 1.17333333rem;
  background-color: #FF8500;
}
body .header-box .top {
  display: flex;
  justify-content: space-between;
}
body .header-box .top .logo,
body .header-box .top .denglu {
  width: 1.17333333rem;
  height: 1.17333333rem;
}
body .header-box .top .logo img,
body .header-box .top .denglu img {
  display: block;
  margin: 0.21333333rem auto 0;
  width: 0.48rem;
  height: 0.74666667rem;
}
body .header-box .search-box {
  padding: 0.18666667rem 0.32rem;
}
body .header-box .search-box .search {
  height: 0.8rem;
  line-height: 0.8rem;
  background-color: #fff;
  border-radius: 0.4rem;
}
body .header-box .search-box .search img {
  display: block;
  width: 0.42666667rem;
  height: 0.42666667rem;
  line-height: 0.42666667rem;
  margin-left: 0.32rem;
}
body .header-box .search-box .search input {
  display: block;
  box-sizing: border-box;
  line-height: ;
  font-size: 0.32rem;
}
body .banner {
  padding-top: 1px;
  height: 4.26666667rem;
  background-image: linear-gradient(#ff8500, #fff);
}
body .banner .tp {
  height: 3.73333333rem;
  margin: 0.26666667rem;
  background-color: pink ;
  border-radius: 10px;
  background: url(../upload/02.jpg) no-repeat;
  background-size: 100% 3.73333333rem;
}
body .sjs-box {
  position: relative;
  display: block;
  height: 2.96rem;
}
body .sjs-box .sjs {
  height: 2.96rem;
  background-color: pink ;
  border-radius: 10px;
  background: url(../upload/Go.gif) no-repeat;
  background-size: 100% 2.96rem;
}
body .sjs-box .shangpin {
  position: absolute;
  top: 0.64rem;
  left: 0.90666667rem;
  width: 1.6rem;
  height: 1.6rem;
}
body .sjs-box .shangpin img {
  width: 100%;
}
body .go-box {
  height: 3.73333333rem;
  margin: 0.21333333rem 0.42666667rem;
  align-items: center;
  text-align: center;
}
body .go-box .diyi1 {
  display: flex;
}
body .go-box .diyi1 li {
  flex: 1;
  flex-direction: column;
  align-items: center;
  display: flex;
}
body .go-box .diyi1 li a {
  flex: 1;
  color: #ccc;
  width: 1.33333333rem;
  height: 1.6rem;
}
body .go-box .diyi1 li a .icon {
  width: 1.33333333rem;
  height: 1.2rem;
}
body .go-box .diyi1 li a .icon img {
  width: 100%;
}
body .go-box .diyi1 li a p {
  font-size: 0.32rem;
  margin: 0.13333333rem 0;
}
body .go-box .dier2 {
  display: flex;
}
body .go-box .dier2 li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body .go-box .dier2 li a {
  flex: 1;
  color: #ccc;
  width: 1.33333333rem;
  height: 1.6rem;
}
body .go-box .dier2 li a .icon {
  width: 1.33333333rem;
  height: 1.2rem;
}
body .go-box .dier2 li a .icon img {
  width: 100%;
}
body .go-box .dier2 li a p {
  font-size: 0.32rem;
  margin: 0.13333333rem 0;
}
body .lim-box {
  margin: 0.21333333rem 0.32rem;
  display: flex;
  height: 2.96rem;
  border-radius: 0.26666667rem;
}
body .lim-box .sqk {
  flex: 2;
  width: 4.48rem;
  height: 2.96rem;
  margin-right: 0.08rem;
}
body .lim-box .sqk img {
  width: 100%;
}
body .lim-box .juan1 {
  flex: 1;
  width: 2.34666667rem;
  height: 2.96rem;
  margin-right: 0.13333333rem;
}
body .lim-box .juan1 img {
  width: 100%;
}
body .lim-box .juan2 {
  flex: 1;
  width: 2.34666667rem;
  height: 2.96rem;
}
body .lim-box .juan2 img {
  width: 100%;
}
body .xs-box {
  height: 10.29333333rem;
}
body .xs-box .top {
  height: 4.13333333rem;
  border-bottom: 1px solid #ccc;
  margin: 0 0.26666667rem;
}
body .xs-box .top ul {
  height: 4.13333333rem;
  display: flex;
}
body .xs-box .top ul li {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 4.66666667rem;
  height: 4.13333333rem;
}
body .xs-box .top ul li:first-child {
  border-right: 1px solid #ccc;
}
body .xs-box .top ul li h3 {
  flex: 1;
  font-size: 0.4rem;
  font-weight: 700;
}
body .xs-box .top ul li h4 {
  flex: 1;
  font-size: 0.32rem;
  font-weight: normal;
  color: #999;
}
body .xs-box .top ul li .icoo {
  flex: 1;
  display: flex;
  width: 4.66666667rem;
  height: 2.13333333rem;
}
body .xs-box .top ul li .icoo .pic1 {
  flex: 1;
  width: 2.26666667rem;
  height: 1.73333333rem;
  text-align: center;
}
body .xs-box .top ul li .icoo .pic1 img {
  width: 100%;
  height: 1.73333333rem;
}
body .xs-box .top ul li .icoo .pic1 p {
  height: 0.4rem;
  font-size: 0.26666667rem;
}
body .xs-box .top ul li .icoo .pic2 {
  flex: 1;
  width: 2.26666667rem;
  height: 1.68rem;
  text-align: center;
}
body .xs-box .top ul li .icoo .pic2 img {
  width: 100%;
  height: 1.73333333rem;
}
body .xs-box .top ul li .icoo .pic2 p {
  height: 0.4rem;
  font-size: 0.26666667rem;
}
body .xs-box .xia {
  height: 4.13333333rem;
  border-bottom: 1px solid #ccc;
  margin: 0 0.26666667rem;
}
body .xs-box .xia ul {
  height: 4.13333333rem;
  display: flex;
}
body .xs-box .xia ul li {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 4.66666667rem;
  height: 4.13333333rem;
}
body .xs-box .xia ul li:first-child {
  border-right: 1px solid #ccc;
}
body .xs-box .xia ul li h3 {
  flex: 1;
  font-size: 0.4rem;
  font-weight: 700;
}
body .xs-box .xia ul li h4 {
  flex: 1;
  font-size: 0.32rem;
  font-weight: normal;
  color: #999;
}
body .xs-box .xia ul li .icoo {
  flex: 1;
  display: flex;
  width: 4.66666667rem;
  height: 2.13333333rem;
}
body .xs-box .xia ul li .icoo .pic1 {
  flex: 1;
  width: 2.26666667rem;
  height: 2.13333333rem;
  text-align: center;
}
body .xs-box .xia ul li .icoo .pic1 img {
  width: 100%;
  height: 1.73333333rem;
}
body .xs-box .xia ul li .icoo .pic1 p {
  height: 0.4rem;
  font-size: 0.26666667rem;
}
body .xs-box .xia ul li .icoo .pic2 {
  flex: 1;
  width: 2.26666667rem;
  height: 1.68rem;
  text-align: center;
}
body .xs-box .xia ul li .icoo .pic2 img {
  width: 100%;
  height: 1.73333333rem;
}
body .xs-box .xia ul li .icoo .pic2 p {
  height: 0.4rem;
  font-size: 0.26666667rem;
}
body .xs-box .bottom {
  height: 2rem;
}
